<template>
  <div>
    <h2>第二个组件</h2>
    <!-- 使用state数据 -->
    <p>age：{{ $store.state.user.age }}</p>
    <!-- getters计算属性 -->
    <p>age * age：{{ $store.getters['user/pf'] }}</p>
    <!-- 调用mutation方法 -->
    <button @click="$store.commit('user/updateAge', 2)">age + 2</button><br />
    <!-- 调用action方法 -->
    <button @click="$store.dispatch('user/updateAgeAfter3s', 3)">3s + 3</button>
  </div>
</template>

<script>
export default {}
</script>
<style></style>
